.home_container {
    position: relative;
    width: 1024px;
    height: 580px;
    border: 1px solid #000;
    margin: 0 auto;
    overflow: hidden;
    // 封面
    .cover {
        position: relative;
        width: 1024px;
        height: 530px;
        top: 0;
        left: 0;
        overflow: hidden;
        background: #fff;
        z-index: 2;
        span {
            position: absolute;
        }
        .cover_pic {
            position: absolute;
            top: 105px;
            left: 70px;
        }
        .cover_btn {
            position: absolute;
            top: 240px;
            right: 100px;
            cursor: pointer;
        }
    }
    .main {
        position: relative;
        width: 1024px;
        height: 470px;
        top: 60px;
        .main_content {
            float: right;
            width: 900px;
            height: 470px;
        }
    }
    .home_hoot {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        height: 50px;
        background-color: #666;
        box-shadow: 5x 5x 5x #eee;
        .foot_red {
            position: absolute;
            width: 40%;
            height: 50px;
            background: #b70c38;
            z-index: 1;
            .foot_red_pozistion {
                position: absolute;
                top: 0;
                right: -50px;
                .foot_border_down {
                    width: 0;
                    height: 0;
                    border-width: 48px 48px 0;
                    border-style: solid;
                    border-color: #b70c38 transparent transparent;
                    position: relative;
                    span {
                        display: block;
                        width: 0;
                        height: 0;
                        border-width: 48px 48px 0;
                        border-style: solid;
                        border-color: #b70c38 transparent transparent;
                        position: absolute;
                        top: -48px;
                        left: -48px;
                    }
                }
            }
        }
        .catalog_btn {
            position: absolute;
            left: 2%;
            font-size: 20px;
            z-index: 2;
            img {
                margin-top: 12px;
                cursor: pointer;
            }
        }
        .foot_line {
            position: absolute;
            left: 7%;
            font-size: 20px;
            color: #fff;
            margin-top: 12px;
            z-index: 2;
        }
        .foot_title {
            position: absolute;
            left: 10%;
            font-size: 20px;
            color: #fff;
            line-height: 50px;
            z-index: 2;
        }
        .foot_paging {
            float: right;
            margin-right: 30px;
            ul {
                height: 25px;
                line-height: 25px;
                margin-top: 12px;
                font-size: 14px;
            }
            ul li {
                float: left;
                width: 25px;
                font-size: 16px;
                color: #fff;
                &:nth-child(1) {
                    cursor: pointer;
                    margin: 0 10px;
                }
                &:nth-child(2) {
                    text-align: center;
                }
                &:nth-child(3) {
                    text-align: center;
                }
                &:nth-child(4) {
                    text-align: center;
                }
                &:nth-child(5) {
                    cursor: pointer;
                    margin: 0 10px;
                }
            }
        }
    }
    .catalog_box {
        position: absolute;
        width: 290px;
        height: 470px;
        left: 0;
        bottom: 50px;
        border: 1px solid #eee;
        background: #fff;
        z-index: 3;
        .catalog_title {
            font-size: 20px;
            text-align: center;
            line-height: 60px;
        }
        .catalognav {
            height: 410px;
            overflow: auto;
            text-align: left;
            padding-left: 10px;
            color: #444;
            li {
                width: 100%;
                height: 38px;
                line-height: 38px;
                border-bottom: 1px solid #888;
                cursor: pointer;
            }
            .childnav {
                padding-left: 10px;
                li {
                    height: 35px;
                    line-height: 35px;
                    cursor: pointer;
                }
                .childParamNav {
                    padding-left: 10px;
                    li {
                        height: 35px;
                        line-height: 35px;
                    }
                }
            }
        }
    }
    .hide {
        transform: translate3d(-140%, 0, 0);
        transition: all 1s;
    }
    .show {
        transform: translate3d(0, 0, 0);
        transition: all 1s;
    }
}